<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
	<style>
		div {
			width: 200px;
			height: 200px;
			border: 2px solid;
			border-radius: 25px;
			-moz-border-radius: 25px;
			text-align: center;
		}
		#div2 {
			width: 200px;
			height: 200px;
			background: #ff9900;
			text-align: center;
			margin-top: 10px;
			box-shadow: 10px 10px 5px #888;
		}
	</style>
</head>
<body>
	<!--  Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。

Firefox、Chrome 以及 Safari 支持所有新的边框属性。

注释：对于 border-image，Safari 5 以及更老的版本需要前缀 -webkit-。

Opera 支持 border-radius 和 box-shadow 属性，但是对于 border-image 需要前缀 -o-  -->
<div>
	这是一个有边框的圆角
</div>
<!-- 边框阴影 -->
<div id="div2">
	向div元素添加方框阴影
</div>
</body>
</html>